// 背景相关
$--main-bg: #3a384e;// 内容背景 no-repeat
$--header-bg: ''; //头部背景 url("@/assets/images/header/header.png")
//$--login-bg: url('@/assets/images/login/login-bg.jpg'); //头部背景
$--login-bg: #2a2c3a; //头部背景
$--login-content-bg: url('@/assets/images/login/login_content.png');
$--login-input-bg: url('@/assets/images/login/login_input.png') no-repeat; //头部背景 no-repeat

// 颜色
$--color-red: #fc625d;
$--color-warn: #fcbc40;
$--color-success: #34c749;
$-color-white: #fff;

// 文字
$--color-text: #1d2129;
$--color-text-1: #4e5969;
$--color-text-2: #86909c;
$--color-text-3: #c9cdd4;
$--color-text-4: #f2f3f5;
$--color-text-222: #222222;

// 按钮
$--btn-color: #f5f5f5;
$--btn-hover-color: #d6d6d6;

$--primary-color: #5465e3;
$--primary-hover-color: #485be7;

$--danger-color: #fd3b67;
$--danger-hover-color: #fd5b81;

$--success-color: #02c4b5;
$--success-hover-color: #03b1a4;

$--warning-color: #fcbc40;
$--warning-hover-color: #fcbc40;

$--info-color: #f5f5f5;
$--info-hover-color: #d6d6d6;

$--btn-border-radius: 16px;
$--btn-height: 32px;

// 分页相关
$--pagination-color: #7a838d;
$--pagination-active-color: #f93f6a;
$--pagination-justify-content: right;

// 导航相关
$--sidebar-hover-color: #f93f6a;
$--sidebar-color: #ce3657;
$--sidebar-bg: #4b6cb74c;
$--sidebar-height: 48px;
$--sidebar-backdrop-filter: blur(50px);
$--sidebar-moz-element-bg: rgb(75, 108, 183);

// 自定义布局相关
$--detail-box-color: #3a384e;
$--detail-box-title-bg-color: #3a384e;
$--detail-box-bg: #3a384e;
$--detail-box-border-radius: 10px;
$--detail-box-backdrop-filter: blur(50px);
$--detail-box-moz-element-bg: rgb(75, 108, 183);
$--detail-box-title-height: 56px;
$--detail-box-title-margin: 0 8px;
$--detail-box-title-size: 18px;
$--detail-box-btn-size: 16px;

$--content-box-color: #3a384e;
$--content-box-title-bg-color: #3a384e;
$--content-box-bg: #3a384e;
$--content-box-border-radius: 10px;
$--content-box-backdrop-filter: blur(50px);
$--content-box-moz-element-bg: rgb(75, 108, 183);
$--content-box-title-height: 40px;
$--content-box-title-margin: 0 8px;
$--content-box-title-size: 14px;
$--content-box-btn-size: 14px;

// table
$--table-size: 14px;
$--table-color: #2d5ab6;
$--table-row-hover-color: #f53b67;
$--table-bg: #2a2c3b;
$--table-th-color: #2d5ab6;
$--table-th-bg: #2a2c3b;
$--table-tr-bg: #2a2c3b;
$--table-tr-success-row-bg: #2a2c3b;

//form
$--form-color: #f53b67;
$--form-bg: #2a2c3b;
$--form-hover-bg: #6289dd;
$--form-focus-border: #5c5e81;
$--form-font-size: 16px;
$--form-label-size: 14px;
$--form-input-padding: 1px 11px;

//dialog
$--dialog-bg: rgb(75, 108, 183);
$--header-color: #fff;
$--header-size: 18px;


// components 相关
$themeColor: #1066f3;
$themeHoverColor: #de6949;
$textColor: #41464b;
$borderColor: #e5e7eb;
$lightGray: #f9f9f9;

$boxShadow: 0 4px 10px -1px rgba(0, 0, 0, .1), 0 2px 10px -2px rgba(0, 0, 0, .1);

$transitionDelay: .2s;
$transitionDelayFast: .1s;
$transitionDelaySlow: .3s;

$borderRadius: 2px;

$cardBg: #f5f5f5;
$cardActiveBg: #edf1fc;


//LaTeXEditor
$right-bg: rgb(75, 108, 183);
$cardBg: #334b80;
